<template>
  <div class="paystatus">
    <div class="paystatus_main">
      <h3>支付失败</h3>
      <p v-if="this.$route.query.isSoncard === 'true'">
        卡上余额不足，请联系 <span style="color:blue">主卡人</span>
      </p>
      <p v-if="this.$route.query.isSoncard === 'false'">
        卡上余额不足，请联系 <span style="color: blue;">油企</span> 或加油员
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "PayStatus",
  head() {
    return {
      title: "支付状态"
    };
  },
  created() {
    console.log(this.$route.query);
  }
};
</script>
<style scoped lang="scss">
.paystatus {
  width: 100vw;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  overflow-y: hidden;
  .paystatus_main {
    text-align: center;
    h3 {
      font-size: 0.4rem;
    }
    p {
      font-size: 0.32rem;
    }
  }
}
</style>
